import React, { Component } from 'react';
/*
  1. 在原生事件中，setState 由异步变成同步
  2. 在定时器中,setTimeout setInterval 异步变成同步
  3. 在 Promise().then() 在then的微观异步任务中，异步变成同步
*/
class App extends Component {

  state = {
    msg:"🐂"
  }
  // vue => mounted 生命周期类似
  componentDidMount(){
    document.getElementById("btn").addEventListener("click",()=>{
      console.log(this);
      this.setState({
        msg:"🐏"
      })
      console.log(this.state.msg);// 🐏
    })
  }
  render() {
    return (
      <div>
        <h1>{this.state.msg}</h1>
        <button id="btn">在原生事件的处理中执行 setState </button>
      </div>
    );
  }
}

export default App;
